<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/style.css">
	<script src="js/jQuery.js"></script>
	<script src="js/style.js"></script>
</head>
<body>
<div class="review-wrap tab">
	    <h3 class="particular-tit">商品评价</h3>
	    <dl class="list-img">
	    	<dt>
	    		<p class="percentage">59<span>%</span></p>
	    		<p class="part02">好评度</p>
	    	</dt>
	    	<dd>
	    		<ul>
	    			<li>好评(59%)
	    				<div><span style="width:59px;"></span></div>
	    			</li>
	    			<li>中评(18%)
	    				<div><span style="width:18px;"></span></div>
	    			</li>
	    			<li>差评(23%)
	    				<div><span style="width:23px";></span></div>
	    			</li>
	    		</ul>
	    	</dd>
	    </dl>
	    <div id="comment">
	    	<ul class="comment-top">
	    		<li>全部评论(61)</li>
	    		<li>晒图(19)</li>
	    		<li>好评(61)</li>
	    		<li>中评(61)</li>
	    		<li>差评(61)</li>
	    		<li>
	    			<span><input type="checkbox" id="choose"/></span>
	    			<label for="choose">查看当前商品评论</label>
	    		</li>
	    	</ul>
	    	<div class="comment-content">
	    		<div class="comment-item">
	    		    <div class="cont-item-main">
	    		        <div class="cont-item-main-left">
	    		            <div class="star"></div>
	    		            <div class="comment-day">收货<span></span>天后评论</div>
	    		            <div class="comment-time"></div>
	    		        </div>
	    		        <div class="cont-item-main-center">
	    		            <div class="p-comment"></div>
	    		            <div class="comment-operate">
	    		                <a href="javascript:;">点赞(0)</a>
	    		                <a href="javascript:;">回复(0)</a>
	    		            </div>
	    		        </div>
	    		        <div class="cont-item-main-right">
	    		            <div class="user-item">Z***G</div>
	    		            <div class="vip-level"></div>
	    		            <div class="user-access">2</div>
	    		        </div>
	    		    </div>
	    		</div>
	    		<div class="comment-item">
	    		    <div class="cont-item-main">
	    		        <div class="cont-item-main-left">
	    		            <div class="star"></div>
	    		            <div class="comment-day">收货<span></span>天后评论</div>
	    		            <div class="comment-time"></div>
	    		        </div>
	    		        <div class="cont-item-main-center">
	    		            <div class="p-comment"></div>
	    		            <div class="comment-operate">
	    		                <a href="javascript:;">点赞(0)</a>
	    		                <a href="javascript:;">回复(0)</a>
	    		            </div>
	    		        </div>
	    		        <div class="cont-item-main-right">
	    		            <div class="user-item">Z***G</div>
	    		            <div class="vip-level"></div>
	    		            <div class="user-access">2</div>
	    		        </div>
	    		    </div>
	    		</div>
	    		<div class="comment-item">
	    		    <div class="cont-item-main">
	    		        <div class="cont-item-main-left">
	    		            <div class="star"></div>
	    		            <div class="comment-day">收货<span></span>天后评论</div>
	    		            <div class="comment-time"></div>
	    		        </div>
	    		        <div class="cont-item-main-center">
	    		            <div class="p-comment"></div>
	    		            <div class="comment-operate">
	    		                <a href="javascript:;">点赞(0)</a>
	    		                <a href="javascript:;">回复(0)</a>
	    		            </div>
	    		        </div>
	    		        <div class="cont-item-main-right">
	    		            <div class="user-item">Z***G</div>
	    		            <div class="vip-level"></div>
	    		            <div class="user-access">2</div>
	    		        </div>
	    		    </div>
	    		</div>
	    		<div class="comment-item">
	    		    <div class="cont-item-main">
	    		        <div class="cont-item-main-left">
	    		            <div class="star"></div>
	    		            <div class="comment-day">收货<span></span>天后评论</div>
	    		            <div class="comment-time"></div>
	    		        </div>
	    		        <div class="cont-item-main-center">
	    		            <div class="p-comment"></div>
	    		            <div class="comment-operate">
	    		                <a href="javascript:;">点赞(0)</a>
	    		                <a href="javascript:;">回复(0)</a>
	    		            </div>
	    		        </div>
	    		        <div class="cont-item-main-right">
	    		            <div class="user-item">Z***G</div>
	    		            <div class="vip-level"></div>
	    		            <div class="user-access">2</div>
	    		        </div>
	    		    </div>
	    		</div>
	    		<div class="comment-item">
	    		    <div class="cont-item-main">
	    		        <div class="cont-item-main-left">
	    		            <div class="star"></div>
	    		            <div class="comment-day">收货<span></span>天后评论</div>
	    		            <div class="comment-time"></div>
	    		        </div>
	    		        <div class="cont-item-main-center">
	    		            <div class="p-comment"></div>
	    		            <div class="comment-operate">
	    		                <a href="javascript:;">点赞(0)</a>
	    		                <a href="javascript:;">回复(0)</a>
	    		            </div>
	    		        </div>
	    		        <div class="cont-item-main-right">
	    		            <div class="user-item">Z***G</div>
	    		            <div class="vip-level"></div>
	    		            <div class="user-access">2</div>
	    		        </div>
	    		    </div>
	    		</div>
	    		<div class="comment-item">
	    		    <div class="cont-item-main">
	    		        <div class="cont-item-main-left">
	    		            <div class="star"></div>
	    		            <div class="comment-day">收货<span></span>天后评论</div>
	    		            <div class="comment-time"></div>
	    		        </div>
	    		        <div class="cont-item-main-center">
	    		            <div class="p-comment"></div>
	    		            <div class="comment-operate">
	    		                <a href="javascript:;">点赞(0)</a>
	    		                <a href="javascript:;">回复(0)</a>
	    		            </div>
	    		        </div>
	    		        <div class="cont-item-main-right">
	    		            <div class="user-item">Z***G</div>
	    		            <div class="vip-level"></div>
	    		            <div class="user-access">2</div>
	    		        </div>
	    		    </div>
	    		</div>
	    		<div class="comment-item">
	    		    <div class="cont-item-main">
	    		        <div class="cont-item-main-left">
	    		            <div class="star"></div>
	    		            <div class="comment-day">收货<span></span>天后评论</div>
	    		            <div class="comment-time"></div>
	    		        </div>
	    		        <div class="cont-item-main-center">
	    		            <div class="p-comment"></div>
	    		            <div class="comment-operate">
	    		                <a href="javascript:;">点赞(0)</a>
	    		                <a href="javascript:;">回复(0)</a>
	    		            </div>
	    		        </div>
	    		        <div class="cont-item-main-right">
	    		            <div class="user-item">Z***G</div>
	    		            <div class="vip-level"></div>
	    		            <div class="user-access">2</div>
	    		        </div>
	    		    </div>
	    		</div>
	    		<div class="comment-item">
	    		    <div class="cont-item-main">
	    		        <div class="cont-item-main-left">
	    		            <div class="star"></div>
	    		            <div class="comment-day">收货<span></span>天后评论</div>
	    		            <div class="comment-time"></div>
	    		        </div>
	    		        <div class="cont-item-main-center">
	    		            <div class="p-comment"></div>
	    		            <div class="comment-operate">
	    		                <a href="javascript:;">点赞(0)</a>
	    		                <a href="javascript:;">回复(0)</a>
	    		            </div>
	    		        </div>
	    		        <div class="cont-item-main-right">
	    		            <div class="user-item">Z***G</div>
	    		            <div class="vip-level"></div>
	    		            <div class="user-access">2</div>
	    		        </div>
	    		    </div>
	    		</div>
	    		<div class="comment-item">
	    		    <div class="cont-item-main">
	    		        <div class="cont-item-main-left">
	    		            <div class="star"></div>
	    		            <div class="comment-day">收货<span></span>天后评论</div>
	    		            <div class="comment-time"></div>
	    		        </div>
	    		        <div class="cont-item-main-center">
	    		            <div class="p-comment"></div>
	    		            <div class="comment-operate">
	    		                <a href="javascript:;">点赞(0)</a>
	    		                <a href="javascript:;">回复(0)</a>
	    		            </div>
	    		        </div>
	    		        <div class="cont-item-main-right">
	    		            <div class="user-item">Z***G</div>
	    		            <div class="vip-level"></div>
	    		            <div class="user-access">2</div>
	    		        </div>
	    		    </div>
	    		</div>
	    		<div class="comment-item">
	    		    <div class="cont-item-main">
	    		        <div class="cont-item-main-left">
	    		            <div class="star"></div>
	    		            <div class="comment-day">收货<span></span>天后评论</div>
	    		            <div class="comment-time"></div>
	    		        </div>
	    		        <div class="cont-item-main-center">
	    		            <div class="p-comment"></div>
	    		            <div class="comment-operate">
	    		                <a href="javascript:;">点赞(0)</a>
	    		                <a href="javascript:;">回复(0)</a>
	    		            </div>
	    		        </div>
	    		        <div class="cont-item-main-right">
	    		            <div class="user-item">Z***G</div>
	    		            <div class="vip-level"></div>
	    		            <div class="user-access">2</div>
	    		        </div>
	    		    </div>
	    		</div>
	    		<div class="pr">
	    		    <div class="ui-page">
	    		    	<a href="javascript:;" class="ui-page-prev">上一页</a>
	    		        <a href="javascript:;" class="current">1</a>
	    		        <a href="javascript:;">2</a>
	    		        <a href="javascript:;">3</a>
	    		        <a href="javascript:;">4</a>
	    		        <a href="javascript:;" class="ui-page-next">下一页</a>
	    		    </div>
	    		</div>
	    	</div>
    </div>	
</body>
</html>